<template>
	<div>
		<!-- 动态style语法
		  :style="{css属性名: 值}"
		 -->
		 <p :class="{red:dat}">jjjjjjj</p>
		<p :style="{color:red}">动态style</p>
		<p :style="{color:'red'}">动态style</p>
	</div>
</template>

<script>
	export default {
		data() {
			return {
        dat:true
			}
		}
	}
</script>

<style>
.red {
		color: red;
	}
</style>
